<template>
  <el-dialog
    :visible.sync="dialogVisible"
    :close-on-click-modal="false"
    :close-on-press-escape="false"
    append-to-body
    width="805px">
    <div slot="title" class="picker-title">拼团商品选择器</div>
    <div class="picker-body">
      <el-table
        border
        stripe
        class="mt10"
        ref="tuanTable"
        v-loading="loading"
        :data="tuanData"
        @selection-change="handleTuanSelect">
        <el-table-column
          type="selection"
          reserve-selection
          min-width="32">
        </el-table-column>
        <el-table-column label="拼团商品" prop="goods_name" min-width="120"></el-table-column>
        <!-- <el-table-column label="活动开始时间">
          <template slot-scope="scope">{{ scope.row.start_time | unixToDate }}</template>
        </el-table-column>
        <el-table-column label="活动结束时间">
          <template slot-scope="scope">{{ scope.row.end_time | unixToDate }}</template>
        </el-table-column> -->
      </el-table>
    </div>
    <div slot="footer" class="picker-footer">
      <span>
        <el-button @click="dialogVisible = false">取 消</el-button>
        <el-button type="primary" @click="handleConfirm">确 定</el-button>
      </span>
    </div>
  </el-dialog>
</template>

<script>
  import mixin from './mixin'

  export default {
    name: 'EnPintuanDialog',
    mixins: [mixin]
  }
</script>

<style type="text/scss" lang="scss" scoped>
  @import "./styles";
</style>
